<template>
  <div class="container">
    <el-card>
      <section class="header" slot="header">
        <h3>代卖管理</h3>
      </section>
      <el-table :data="list" stripe>
        <el-table-column prop="cat" label="商品分类" align="center" />
        <el-table-column prop="count" label="商品数量" align="center" />
        <el-table-column prop="price" label="商品价格" align="center" />
        <el-table-column prop="level" label="新旧程度" align="center" />
        <el-table-column prop="city" label="所在城市" align="center" />
        <el-table-column label="操作" align="center">
          <template>
            <div class="btn-box">
              <el-button type="text">修改</el-button>
              <el-button type="text">取消代卖</el-button>
            </div>
          </template>
        </el-table-column>
      </el-table>
    </el-card>
  </div>
</template>
<script>
  export default {
    name: 'DaiMai',
    data() {
      return {
        list: [
          { cat: '衣物', count: 12, price: '200元', city: '上海', level: '全新' },
          { cat: '衣物', count: 12, price: '200元', city: '上海', level: '全新' },
          { cat: '衣物', count: 12, price: '200元', city: '上海', level: '全新' }
        ]
      };
    },

    created() {}
  };
</script>
<style lang="scss" type="text/scss" scoped>
.el-card {
  width: 100%;
}

.header {
  @include h-btw();
}

.btn-box {
  @include v-center();
  justify-content: center;
}
</style>
